import { textDefaultProps, imageDefaultProps } from 'lego-bricks'
const textTemplates = [
  {
    text: '大标题',
    fontSize: '30px',
    fontWeight: 'bold',
    tag: 'h2',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '楷体副标题',
    fontSize: '24px',
    fontWeight: 'bold',
    fontFamily: '楷体',
    tag: 'h3',
    position: 'absolute',
    width: '120px',
  },
  {
    text: '楷体正文内容',
    fontSize: '16px',
    fontFamily: '楷体',
    tag: 'p',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '宋体正文内容',
    fontSize: '16px',
    fontFamily: '宋体',
    tag: 'p',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '楷体链接内容',
    color: '#1890ff',
    textDecoration: 'underline',
    fontFamily: '楷体',
    tag: 'p',
    position: 'absolute',
    width: '100px',
  },

  {
    text: '楷体小标题',
    fontSize: '18px',
    fontWeight: 'bold',
    fontFamily: '楷体',
    tag: 'h4',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '楷体强调文本',
    fontWeight: 'bold',
    fontFamily: '楷体',
    tag: 'p',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '宋体引用文本',
    fontStyle: 'italic',
    fontFamily: '宋体',
    tag: 'blockquote',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '楷体警告文本',
    color: '#ff4d4f',
    fontFamily: '楷体',
    tag: 'p',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '宋体成功文本',
    color: '#52c41a',
    fontFamily: '宋体',
    tag: 'p',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '楷体信息文本',
    color: '#1890ff',
    fontFamily: '楷体',
    tag: 'p',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '正文内容',
    tag: 'p',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '链接内容',
    color: '#1890ff',
    textDecoration: 'underline',
    tag: 'p',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '小标题',
    fontSize: '20px',
    fontWeight: 'bold',
    tag: 'h3',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '强调文本',
    fontWeight: 'bold',
    tag: 'p',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '引用文本',
    fontStyle: 'italic',
    tag: 'blockquote',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '警告文本',
    color: '#ff4d4f',
    tag: 'p',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '成功文本',
    color: '#52c41a',
    tag: 'p',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '信息文本',
    color: '#1890ff',
    tag: 'p',
    position: 'absolute',
    width: '100px',
  },
  {
    text: '按钮内容',
    color: '#ffffff',
    backgroundColor: '#1890ff',
    borderWidth: '1px',
    borderColor: '#1890ff',
    borderStyle: 'solid',
    borderRadius: '2px',
    paddingLeft: '10px',
    paddingRight: '10px',
    paddingTop: '5px',
    paddingBottom: '5px',
    width: '100px',
    tag: 'button',
    textAlign: 'center',
    position: 'absolute',
  },
  {
    text: '宋体按钮内容',
    color: '#ffffff',
    backgroundColor: '#1890ff',
    borderWidth: '1px',
    borderColor: '#1890ff',
    borderStyle: 'solid',
    borderRadius: '2px',
    paddingLeft: '10px',
    paddingRight: '10px',
    paddingTop: '5px',
    paddingBottom: '5px',
    width: '120px',
    tag: 'button',
    textAlign: 'center',
    fontFamily: '宋体',
    position: 'absolute',
  },
]
const imageTemplates = [
  {
    src: 'http://static.imooc-lego.com/upload-files/frame-096161.png',
    width: '100px',
  },
  {
    src: 'http://static.imooc-lego.com/upload-files/528w-0ilmEQMomZ8-108048.png',
    width: '100px',
  },
  {
    src: 'http://static.imooc-lego.com/upload-files/text-449964.png',
    width: '100px',
  },
  {
    src: 'http://static.imooc-lego.com/upload-files/text2-288504.png',
    width: '100px',
  },
  {
    src: 'http://static.imooc-lego.com/upload-files/money-664239.png',
    width: '100px',
  },
  {
    src: 'http://static.imooc-lego.com/upload-files/text4-145592.png',
    width: '100px',
  },
]
export const defaultTextTemplates = textTemplates.map((item) => {
  return {
    ...textDefaultProps,
    ...item,
  }
})

export const defaultImageTemplates = imageTemplates.map((item) => {
  return {
    ...imageDefaultProps,
    ...item,
  }
})
